body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea,button, p, blockquoteth, td {
    margin: 0px;
    padding: 0px;
    outline: none;
    /* max-width: 480px; */
}

html {
    font-size: 12px;
    font-family: "Microsoft yahe";
    color: #333333;
}

body {
    -webkit-text-size-adjust: none;
    border: inherit;
    letter-spacing: 1px;
    background: #f9f9fa;
    
}

div{
    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 12px;
    }
}

@media screen and (min-width: 335px) {
    html {
        font-size: 13px;
    }
}

@media screen and (min-width: 350px) {
    html {
        font-size: 14px;
    }
}

@media screen and (min-width: 400px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size: 16px;
    }
}

/*
@media screen and (min-width: 380px) {
    html {font-size: 10px;}
}

@media screen and (min-width: 400px) {
    html {font-size: 11px;}
}

@media screen and (min-width: 440px) {
    html {font-size: 12px;}
}

@media screen and (min-width: 480px) {
    html {font-size: 13px;}
}

@media screen and (min-width: 640px) {
    html {font-size: 14px;}
}
*/

/*progress 动画*/
@-webkit-keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}

@-moz-keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}

@keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}
